<#include "/main.ftl">
<@diamondNav/>
<div class="secNav" id="secWindow">
    <div class="secWrapper" style="width: 240px;">

        <!-- Tabs container -->
        <div id="tab-container1" class="tab-container">
            <ul class='iconsLine ic1 etabs'>
                <li class="tab" ><a href="#tabs1-testcase" style="font-size: 14px;">执行测试</a></li>
            </ul>
            <!--
            <div style="display: inline-block; margin: 10px 0px -5px 40px;" class="btn-group">
                <span class="btn" onclick="createProcess();" title="创建测试流程"><i class="icon-list-alt icon-dj"></i> </span>
                <span class="btn" onclick="createProcess();"  title="创建测试计划"><i class="icon-plus icon-dj"></i> </span>
                <span class="btn" onclick="createTask();" title="创建测试任务"><i class="icon-tasks icon-dj"></i> </span>
                <span class="btn" onclick="edit();" title="编辑"><i class="icon-edit icon-dj"></i> </span>
                <span class="btn" onclick="deleteNodes();" title="删除"><i class="icon-remove icon-dj"></i> </span>
            </div>-->
            <div class="divinterval" style="margin-left: 10px; margin-top: 20px;">
                <div class="btn-group">
                    <button class="btn btn-success btnFont" onclick="process_plan();">创建测试计划</button>
                </div>
            </div>


            <div id="tabs2-userkeyword">
                <div class="divider" style="margin-top: 22px;">
                    <span></span>
                </div>
                <div><input type="text" style="width: 200px; height: 15px; margin-left: 7px;" id="key" placeholder="搜索"></div>
                <div>
                    <!-- <button class="btn buttonS btn-success btnFont" id="plantab" name="joneTree" style="width: auto; padding: 3px 6px;margin-left: 10px; margin-top: -8px;" onclick="planTreeTab()">手工创建|切换</button> -->
                    <button class="btn buttonS btn-success btnFont" style="width: auto; padding: 3px 6px; margin-top: -8px;" onclick="expandAll('planTree')">展开树</button>
                    <button class="btn buttonS btn-success btnFont" style="width: auto; padding: 3px 6px; margin-top: -8px;" onclick="collaspeAll('planTree')">收起树</button>
                </div>
                <span id='plan_point'>还没有测试计划，来创建一个吧.</span>
                <!-- content -->
                <s:hidden value="%{#request.planJson}" id="planTreeData"></s:hidden>
                <ul id="planTree" class="ztree" ></ul>
            </div>
        </div>
    </div>
    <div id="bdshare" onmouseover="showHand()" title="收起"style="border-right:1px solid #C3C3C3;float:'left'; margin-top:43px;bovisibility: visible; width: 15px;height:500px;position: absolute;margin-left: 311px;" onclick="openCloseDivForLeftTree(1)">
        <img src="/images/left.png" id="showimg" style="float:left;margin-top: 250px;">
    </div>
    <div id="content">
        <#--<div class="breadLine" id="titleLine">-->
            <#--<div class="bc">-->
                <#--<ul id="breadcrumbs" class="breadcrumbs">-->
                <#--</ul>-->
            <#--</div>-->
        <#--</div>-->
        <#--<div class="contentTop " id="contentTop">-->
        <#--</div>-->

        <#--<div class="container" id="container"></div>-->

        <#--<div class="breadLine" id="menuLine">-->
            <#--<div id="Menu" class="breadcrumbs">-->
                <#--<div class="row-fluid" style="margin-left: 20px;">-->
                    <#--<div class="span1" style="margin-top: 5px;">-->
                        <#--<i class="icon-play-circle icon-dj"></i>-->
                    <#--</div>-->
                    <#--<div class="span1" style="margin-top: 5px;">-->
                        <#--<i class="icon-stop icon-dj"></i>-->
                    <#--</div>-->

                    <#--<div class="span1" style="margin-top: 5px;">-->
                        <#--<i class="icon-edit icon-dj"></i>-->
                    <#--</div>-->
                    <#--<div class="span1" style="margin-top: 5px;">-->
                        <#--<i class="icon-remove icon-dj"></i>-->
                    <#--</div>-->
                <#--</div>-->
            <#--</div>-->
        <#--</div>-->

        <#--<div class="container-fluid"  style="background-color: white;overflow: auto;position: relative; min-height: 450px;" id="container-fluid">-->

        <#--</div>-->


    </div>
    <#--<div id="splitLine" style="margin-top: -8px;"></div>-->

</div>

<#--<div id="content" style="margin-left: 70px;">-->

    <#--<div id="tree" style="width: 10%;float: left">-->
        <#---->
    <#--</div>-->
    <#--<div style="float: left;width: 90%;height: 100%">-->
    <#--<iframe src="http://www.baidu.com" style="width: 100%;height: 100%">-->

    <#--</iframe>-->
    <#--</div>-->
        <#--<div class='widget-box' id='process_box'>-->
            <#--<div class='widget-header widget-header-blue widget-header-flat wi1dget-header-large'>-->
                <#--<h4 class='lighter'>新增测试计划-</h4>-->
                <#--<h6 class='lighter' id='process_plan_type'>瀑布流程测试计划</h6>-->
            <#--</div>-->
            <#--<div class='widget-body'>-->
                <#--<div class='widget-main'>-->
                    <#--<div class='row-fluid'>-->
                        <#--<div id='fuelux-wizard' class='row-fluid'>-->
                            <#--<ul class='wizard-steps' id='process_steps'>-->
                                <#--<li data-target='#step1' id='process_step1' class='active' style='min-width: 20%; max-width: 20%; '><span class='step'>1</span> <span class='title'>填写基本信息</span></li>-->
                                <#--<li data-target='#step2' id='process_step2' style='min-width: 20%; max-width: 20%; '><span class='step'>2</span> <span class='title'>配置冒烟测试任务</span></li>-->
                                <#--<li data-target='#step3' id='process_step3' style='min-width: 20%; max-width: 20%; '><span class='step'>3</span> <span class='title'>配置分支测试任务</span></li>-->
                                <#--<li data-target='#step4' id='process_step4' style='min-width: 20%; max-width: 20%; '><span class='step'>4</span> <span class='title'>配置主干测试任务</span></li>-->
                                <#--<li data-target='#step5' id='process_step5' style='min-width: 20%; max-width: 20%; '><span class='step'>5</span> <span class='title'>完成</span></li>-->
                            <#--</ul>-->
                        <#--</div>-->
                        <#--<hr>-->

                    <#--</div>-->
                <#--</div>-->
            <#--</div>-->
        <#--</div>-->
<#--</div>-->
<style>

    #content {
        margin-left: 322px;
        border-left: 1px solid #c3c3c3;
        overflow-y: auto;
        overflow-x: hidden;
        white-space: nowrap;
        width: auto;
        padding-bottom: 0 !important;
        background: white;
        z-index: 999;
    }
    #splitLine {
        display: block;
        left: 311px;
        top: 50px;
        position: absolute;
        width: 4px;
        cursor: col-resize;
        z-index: 999;
        background: url(/images/base/backgrounds/body.jpg);
    }
    .breadcrumbs a
    {
        font-size: 12px;
        cursor：text;
        text-decoration:none;
    }
</style>
<script type="text/javascript">
    $(function () {
        // var data = [ { text: "p1-1", id: '00001', nodeId: '00001' },
        //     { text: "p1-2", id: '00002' },
        //     { text: "p1-3", id: '00003' },
        //     { text: "p1-4", id: '00004',}];
        // $("#tree").treeview({
        //     data: data,
        //     levels: 5,
        //     backColor:'green',
        //     text:"Node 1",
        //     icon:"glyphicon glyphicon-stop",
        //     selectedIcon:"glyphicon glyphicon-stop",
        //     color:"#000000",
        //     backColor:"#FFFFFF",
        //     href:"#node-1",
        //     selectable:true
        // });
        $("#content").show();
        $("#container-fluid").hide();
        $("#menuLine").show();
        $("#progress").hide();

        // 清空
        $("#breadcrumbs").empty();
        $("#planTop").empty();
        $("#container").empty();
        $("#contentTop").height(72);
    })


    /**
     * 初始化页面元素
     */
    function process_deleteBox() {

        $("#process_planInfo").remove();
        $("#processType").remove();
        $("#process_task_superMan").remove();
        $("#process_introduction").remove();
        $("#process_box").remove();
        $("#process_task_step5").remove();
        $("#process_container").remove();
        $("#process_task_testNg").remove();
        $("#process_container_view").remove();
        // 查看计划页面需要删除的元素
        $("#taskList").remove();
        $("#currentOperatingConditions").remove();
        $("#planview_planName").remove();
        $(".task_run_bg_img").remove();
        $(".plan_not_task_point").remove();
        $("#planview_plan_task_num").remove();
        $(".plan_task_run").remove();


    }

</script> 